
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>homepage</title>
    <meta charset="utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link th:href="@{https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i}" rel="stylesheet" />
    <link th:href="@{https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i}" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" th:href="@{/mall/css/main.css}" />
</head>
<body class="animsition">
<div class="checkout" id="page">
    <nav id="menu">
        <ul>
            <li><a th:href="@{/fore/index.html}">Home</a></li>
            <li><a th:href="@{/fore/shop.html}">Shop List</a></li>
            <li><a th:href="@{/fore/shop-detail.html}">Shop Detail</a><li>
            <li><a th:href="@{/fore/wish-list.html}">Wishlist</a></li>
            <li><a th:href="@{/fore/shop-cart.html}">Shop Cart</a></li>
            <li><a th:href="@{/fore/check-out.html}">Checkout</a></li>
        </ul>
    </nav>
    <div th:replace="@{/include/fore_header}::header"></div>
    <section class="sub-header shop-detail-1">
        <img class="rellax bg-overlay" th:src="@{/mall/images/sub-header/014.jpg}" alt="">
        <div class="overlay-call-to-action"></div>
        <h3 class="heading-style-3">个人主页</h3>
    </section>
    <section class="boxed-sm">

        <div class="container">

            <div class="woocommerce">
                <div class="woocommerce-info-wrapper">
                    <div class="row">

                    </div>
                </div>
                <div class="row">

                    <div class="row">
                        <div class="product-category-grid-style-1">
                            <div class="row">
                                <div class="col-md-4"></div>
                                <div class="col-sm-4">
                                    <a href="#">
                                        <figure class="product-category-item">
                                            <div class="thumbnail">
                                                <img th:src="@{/mall/images/category-product/1.jpg}" alt="">
                                            </div>
                                        </figure>
                                    </a>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="woocommerce-checkout-review-order">
                        <h4>个人资料</h4>
                        <table class="woocommerce-checkout-review-order-table" >
                            <tbody  >
<!--                            th:each="cus:${customer}"-->
                            <tr class="cart_item" >
                                <td class="product-name">用户名
                                </td>
                                <td class="product-total" >
                                  <span class="woocommerce-Price-amount amount">
                                      <span class="woocommerce-Price-currencySymbol" th:text="${session.customerName}"></span>
                                  </span>
                                </td>
                            </tr>
                            <tr class="cart_item" >
                                <td class="product-name">id
                                </td>
                                <td class="product-total" >
                                  <span class="woocommerce-Price-amount amount">
                                      <span class="woocommerce-Price-currencySymbol"  th:text="${session.customerId}"></span></span>
                                </td>
                            </tr>
                            <tr class="cart_item">
                                <td class="product-name">邮箱
                                </td>
                                <td class="product-total" >
                          <span class="woocommerce-Price-amount amount">
                            <span class="woocommerce-Price-currencySymbol" th:text="${session.customerEmail}"></span></span>
                                </td>
                            </tr>
                            <tr class="cart_item">
                                <td class="product-name">电话
                                </td>
                                <td class="product-total" >
                          <span class="woocommerce-Price-amount amount">
                            <span class="woocommerce-Price-currencySymbol" th:text="${session.customerPhone}"></span></span>
                                </td>
                            </tr>
                            <tr class="cart_item">
                                <td class="product-name">地址
                                </td>
                                <td class="product-total" >
                          <span class="woocommerce-Price-amount amount">
                            <span class="woocommerce-Price-currencySymbol" th:text="${session.customerAddress}"></span></span>
                                </td>
                            </tr>

                            </tbody>

                        </table>
                    </div>
                    <div class="row">
                        <div class="col-md-4"></div>
                        <div class="col-md-4">

                        </div>
                        <div class="col-md-4">
                            <div class="woocommerce-account-fields">
                                <a class="place_order btn btn-brand-ghost pill " href="/fore/modify.html"   data-value="modify" style=" float: right;">修改个人资料</a>
                            </div>
                            <div class="woocommerce-account-fields">
                                <a class="place_order btn btn-brand-ghost pill " href="/fore/changePWD.html"   data-value="modify" style="margin-right: 20px;float: right;">修改密码</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
</div>
<div th:replace="@{/include/fore_footer}::footer"></div>
<script th:src="@{/mall/js/library/jquery.min.js}"></script>
<script th:src="@{/mall/js/library/bootstrap.min.js}"></script>
<script th:src="@{/mall/js/function-check-viewport.js}"></script>
<script th:src="@{/mall/js/library/slick.min.js}"></script>
<script th:src="@{/mall/js/library/select2.full.min.js}"></script>
<script th:src="@{/mall/js/library/imagesloaded.pkgd.min.js}"></script>
<script th:src="@{/mall/js/library/jquery.mmenu.all.min.js}"></script>
<script th:src="@{/mall/js/library/rellax.min.js}"></script>
<script th:src="@{/mall/js/library/isotope.pkgd.min.js}"></script>
<script th:src="@{/mall/js/library/bootstrap-notify.min.js}"></script>
<script th:src="@{/mall/js/library/bootstrap-slider.js}"></script>
<script th:src="@{/mall/js/library/in-view.min.js}"></script>
<script th:src="@{/mall/js/library/countUp.js}"></script>
<script th:src="@{/mall/js/library/animsition.min.js}"></script>
<script th:src="@{/mall/js/global.js}"></script>
<script th:src="@{/mall/js/config-mm-menu.js}"></script>
<!--<script th:src="@{/mall/js/jquery-3.4.1.min.js}"></script>-->
</body>
</html>

